.relation-box {
	.relation-banner {
		width: 92vw;
		display: block;
		margin: auto;
	}

	.relation-conter {
		width: 92vw;
		margin: auto;

		.relation-conter_h1 {
			font-size: 2vw;
			font-weight: bold;
			color: rgba(#333333, 0.9);
			text-align: center;
			margin-top: 4.176vw;
		}

		.relation-conte_map {
			position: relative;
			margin-top: 4.872vw;

			.conte_map-ztig {
				width: 92vw;
			}

			.conte_map-floating {
				width: 29.928vw;
				height: 14.616vw;
				border: 1px solid #e60012;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				top: -1.74vw;
				background-color: #ffffff;
				padding: 0 2.784vw;

				&::after {
					content: '';
					border: 1.392vw solid transparent;
					border-top-color: #e60012;
					position: absolute;
					bottom: -2.784vw;
					left: 50%;
					transform: translateX(-50%);
				}

				&::before {
					content: '';
					border: 1.392vw solid transparent;
					border-top-color: #ffffff;
					position: absolute;
					bottom: -2.7144vw;
					left: 50%;
					transform: translateX(-50%);
					z-index: 10;
				}

				.map-floating_st1 {
					font-size: 1.2528vw;
					color: #333333;
					font-weight: bold;
					text-align: center;
					padding: 2.088vw 0 1.392vw 0;
				}

				.map-floating_st2 {
					font-size: 0.9744vw;
					color: #333333;
				}

				.map-floating_st3 {
					font-size: 0.8352vw;
					color: #333333;
					line-height: 1.4;
				}

				.map-floating_st4 {
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: space-between;

					.map-floating_slft {
						padding: 1.044vw 0;

						.floating_slft-kt1 {
							font-size: 0.9744vw;
							color: #333333;
							line-height: 1.4;
						}
					}

					.map-floating_but {
						background-color: #e60012;
						font-size: 0.9744vw;
						color: #ffffff;
						width: 6.264vw;
						text-align: center;
						cursor: pointer;
						padding: 0.4176vw 0;
					}
				}
			}
		}

		.relation-record {
			padding: 2.784vw 0;

			.relation-record_rli {
				display: flex;
				flex-direction: row;
				align-items: center;
				border-bottom: 2px solid #000000;
				padding: 1.044vw 0;
				position: relative;

				.record_rli-yt1 {
					width: 6vw;
					font-size: 9vw;
					color: #e60012;
					font-family: '微软雅黑';
					text-align: center;
				}

				.record_rli-yt2 {
					width: 11vw;
					height: 11vw;
					border-radius: 11vw;
					background-color: #000000;
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: center;
					font-size: 1.7vw;
					color: #ffffff;
				}

				.record_rli-yrig {
					flex: 1;
					min-width: 0;
					margin: 0 3.48vw 0 0.8vw;

					.rli-yri_xli {
						display: flex;
						flex-direction: row;
						align-items: center;
						padding: 0.696vw 0;
					}

					.rli-yri_but1 {
						border: 1px solid #e60012;
						font-size: 1.46vw;
						font-weight: bold;
						color: #e60012;
						display: inline-block;
						padding: 0.4176vw;
					}

					.rli-yri_but2 {
						font-size: 1.2vw;
						color: #000000;
						margin-left: 0.696vw;
					}

					.rli-yri_btxt1 {
						font-size: 1.2vw;
						color: #000000;
						line-height: 1.5;
						margin-top: 0.4176vw;
						padding-left: 0.5vw;
					}

					.yrig-conter {
						display: flex;
						flex-direction: row;

						.yrig-conli {
							width: 13.2vw;
							margin-top: 0.696vw;

							&:nth-child(1) {
								margin-right: 3.48vw;
							}
						}

						.yrig-setup {
							display: flex;
							flex-direction: row;
							align-items: center;

							.yrig-setup_sig {
								width: 2.15vw;
							}

							.yrig-setup_stxt {
								font-size: 1.2vw;
								color: #000000;
								line-height: 1.6;
								margin-left: 1vw;
							}
						}
					}
				}
			}

			.record_rli-have {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				position: absolute;
				right: 0;
				top: 0;
				bottom: 0;

				.have-spr {
					font-size: 1.6704vw;
					color: #e60012;
					writing-mode: tb;
					padding: 0.696vw 0;
				}

				.have-line {
					flex: 1;
					border-left: 2px solid #000000;
				}
			}

			.relation-record_rli:nth-child(1) {
				border-top: 2px solid #e60012;
				border-bottom-color: #e60012;

				.record_rli-yt2 {
					background-color: #e60012;
				}

				.record_rli-have {
					.have-line {
						border-left-color: #e60012;
					}
				}
			}
		}
	}
}